<template>
    <div class="login">
        <LoginForm class="login-form" theme="golden"></LoginForm>
    </div>
</template>

<script>
    import LoginForm from './LoginForm'

    export default {
        name: "Login",
        components:{LoginForm},
        methods:{
            login(){
                this.$navTo('/home')
            }
        }
    }
</script>

<style scoped>
    .login {
        min-height: 100vh;
        width: 100%;
        height: 100%;
        background-image: url('../../assets/image/login-bg.jpg');
        background-size: cover;
        background-position: center;
        position: relative;
    }

    .login-form{
        position: absolute;
        top: 30%;
        right: 150px;
    }
</style>